/**
* 覆盖antd组件样式
*/
@import './color.scss';
@import './domain.scss';
@import './font.scss';
@import './mixin.scss';

//覆盖表单样式
// form
.ant-form{

  .ant-form-item{
    margin:30px 0;

    .ant-form-item-label{
      line-height:40px;
      vertical-align: top;
      height:40px;
    }

    .ant-form-item-label>label{
      font-family: $regular-font-family;
      font-size: $form-font-size;
      color: $form-font-color;
      letter-spacing: 0.9px;
    }

    .ant-form-item-control-wrapper{
      display: inline-block;
    }

    input.ant-input, textarea.ant-input{
      border-radius: 0;
      height: 40px;
      width: 260px;
      font-family: $regular-font-family;
      font-size: $form-font-size;
      color: $form-input-color;
      border:none;
      letter-spacing: 0.9px;
      background-color: rgba(255,255,255,0.79);

      &::placeholder {
        color: $form-input-placeholder !important;
      }

      &:hover,&:focus,&:active{
        box-shadow: none;
      }

      &::placeholder {
        color: $unselected-font-color;
      }
    }
    .ant-select-selection-selected-value{
      font-family: $regular-font-family;
      font-size: $form-font-size;
      color: $form-input-color;
      letter-spacing: 0.9px;
      line-height:40px;
    }
    .ant-select-selection,
    .ant-select-selection--single{

    }
    .ant-select{
      width:640px;
    }
    .ant-select-selection{
      background-color: $form-input-bg;

      &:hover,&:focus{
        border-color:$form-border-color;
        box-shadow: none;
      }
    }
    .ant-select-selection--single,.ant-select-selection__rendered{
      height:40px;
      border-radius:0;
    }
    .ant-select-selection__placeholder{
      font-size: $unselected-font-color;
      height: 40px;
    }
  }

  .ant-form-item .ant-select-selection__placeholder {
    font-size: 18px;

  }

  .ant-select-arrow:before {
    color: $form-input-color;
  }
}

.ant-form-item-control.has-error {
  .ant-input-number-input {
    border: 1px solid red;
  }
}

// select
.ant-select-dropdown{
  background: $select-dropdown-item-background-color;
  border-radius:0;
  border: solid 1px $form-border-color;

  li{
    font-size:$form-font-size;
    color: #ffffff;
  }
}
.ant-select-dropdown-menu-item-selected, .ant-select-dropdown-menu-item-selected:hover,.ant-select-dropdown-menu-item:hover{
  background: $select-dropdown-item-hover-color;
  color: #ffffff;
}
.ant-select-dropdown-menu-item-active {
  background: $select-dropdown-item-hover-color;
}

// Modal 样式覆盖
// 各式modal写在AlertRulePage下得css里边

.ant-modal {

  .ant-modal-content {
    border-radius: 0;
    color: $normal-font-color;
    padding: 5px;
    background: rgba(0, 217, 255, 0.3);
    border-image: url("/images/dashed.png") 0.5 round;
    border: dashed 1px #00FFDE;


    .ant-modal-header {
      text-align: center;
      background-image: linear-gradient(-90deg, #013045 0%, #1CBAE8 52%, #002D41 100%);
      border-radius: 0;
      border: 1px solid $modal-border-color;

      .ant-modal-title {
        color: $normal-font-color;
        font-size: 28px;
        font-family: $regular-font-family;
        line-height: 1em;
        padding: 20px 0;
      }
    }

    .ant-modal-body {
      border: 1px solid $modal-border-color;
      background-color: $modal-background-color;
      font-size: 18px;
      font-family: $regular-font-family;

      .ant-form{

        .ant-form-item{

          input.ant-input, textarea.ant-input{
            background-color: transparent;
            border: solid 1px $button-normal-background-color;
            color: #ffffff;

            &::placeholder {
              color: $form-input-placeholder !important;
            }

            &:hover,&:focus,&:active{
              box-shadow: none;
            }

            &::placeholder {
              color: $unselected-font-color;
            }
          }
          .ant-select-selection-selected-value{
            color: #ffffff;
          }

          .ant-select-selection{
            background-color: transparent;
            border: solid 1px $button-normal-background-color;
          }
        }

        .ant-select-arrow:before {
          color: #ffffff;
        }

        .ant-select-selection__placeholder, .ant-select-search__field__placeholder {
          color: $form-input-placeholder;
        }
      }
    }

    .ant-modal-footer {
      @include grid-background();
      //background: #0B2D45;
      border-radius: 0;
      border: 1px solid $modal-border-color;
      padding: 24px 27px;

      button + button
      {
        margin-left: 27px;
      }
      .ant-btn
      {
        height: auto;
        font-size: 20px;
        line-height: 28px;
        font-family: $regular-font-family;
        padding: 6px 38px;
        background: transparent;
        border-color: #00D9FF;
        color: $normal-font-color;
      }

      .ant-btn-primary
      {
        background: #00D9FF;
        border-color: #00D9FF;
      }

      .ant-btn-primary:hover,
      .ant-btn-primary:focus
      {
        background: #00D9FF;
        border-color: #00D9FF;
        box-shadow: none;
      }

      .ant-btn:hover, .ant-btn:focus
      {
        border-color: #00D9FF;
        color: $normal-font-color;
        box-shadow: none;
      }
    }
  }


}

.ant-modal.ant-confirm{

  .ant-modal-body {
    background: url("/images/grid.png") repeat;
    border: 1px solid $modal-border-color;
    background-color: $modal-background-color;
    font-size: 18px;
    font-family: $regular-font-family;
  }

  .ant-confirm-body-wrapper {

    .ant-confirm-btns {
      .ant-btn:first-child {
        background: transparent;
        border: solid 1px $button-normal-background-color;

        &:hover {
          color: #ffffff;
        }
      }

      .ant-btn:nth-child(2) {
        background-color: $button-normal-background-color;

        &:hover {
          background-color: $button-normal-background-color;
          border: solid 1px $button-normal-background-color;
        }
      }
    }
  }

}



.ant-select-selection {
  background-color: $form-input-bg;
  border: none;
  border-radius: 0;
}

.ant-select-selection__rendered {
  color: $form-input-color;
}

//页码
.ant-pagination {
  display: inline-block;
}
.ant-pagination-prev,
.ant-pagination-item,
.ant-pagination-next {
  width: 40px;
  height:40px;
  line-height: 40px;
  border-radius: 0;
  background: transparent;
  border: 1px solid $button-normal-background-color;
  margin: 0;
}
.ant-pagination-item a{
  font-family: $regular-font-family;
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0;
  margin: 0;
}
.ant-pagination-prev a:after,
.ant-pagination-next a:after{
  line-height: 40px;
  height: 40px;
}
:root .ant-pagination-prev a:after, :root .ant-pagination-next a:after{
  font-size: 20px;
  color: #ffffff;
}
.ant-pagination-item-active {
  background: #18E2AF;
  border-color: #18E2AF;
  color: #ffffff;
  a{
    color: #ffffff;
  }
}
.ant-pagination-prev:not(.ant-pagination-disabled):hover,
.ant-pagination-next:not(.ant-pagination-disabled):hover,
.ant-pagination-item:not(.ant-pagination-disabled):hover {
  position: relative;
  z-index: 1000;
  border-color: #18E2AF;
  a {
    color: #ffffff;
  }
}
.ant-pagination-item-active.ant-pagination-item-active:hover {
  background: #18E2AF;
  border-color: #18E2AF ;
  color: white;

  a {
    color: #FFF;
  }
}

.ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link {
  border: none;
  background-color: transparent;
}

:root .ant-pagination-prev .ant-pagination-item-link:after, :root .ant-pagination-next .ant-pagination-item-link:after {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}

.ant-pagination-item-active:focus, .ant-pagination-item-active:hover {
  background: #18E2AF;
  border-color: #18E2AF ;
  color: white;

  a {
    color: #FFF;
  }
}

.ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next {
  border: 1px solid $button-normal-background-color;
  width: 40px;
  height:40px;
  line-height: 40px;
  border-radius: 0;
}
.ant-pagination-prev, .ant-pagination-jump-prev, .ant-pagination-jump-next{
  margin: 0;
}
.ant-pagination-jump-prev:after, .ant-pagination-jump-next:after{
  color: #FFFFFF;
}
.ant-pagination-jump-prev:focus:after, .ant-pagination-jump-next:focus:after, .ant-pagination-jump-prev:hover:after, .ant-pagination-jump-next:hover:after{
  color: #FFFFFF;
}

//多选框
.ant-checkbox-inner {
  width: 20px;
  height: 20px;
}

.ant-checkbox-checked .ant-checkbox-inner:after {
  left: 5px;
  top: 1px;
  display: table;
  width: 9px;
  height: 13px;
}

.ant-checkbox-indeterminate .ant-checkbox-inner:after {
  left: 4px;
  top: 9px;
  width: 12px;
  height: 1px;
}
.ant-checkbox-checked .ant-checkbox-inner,
.ant-checkbox-indeterminate .ant-checkbox-inner,
.ant-checkbox-checked .ant-checkbox-inner:hover,
.ant-checkbox-focused .ant-checkbox-inner:hover,
.ant-checkbox-indeterminate .ant-checkbox-inner:hover {
  background-color: #18E2AF;
  border-color: #18E2AF;
  outline-color: #18E2AF;
}
.ant-checkbox-wrapper:hover .ant-checkbox .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox .ant-checkbox-inner:hover {
  border-color: #18E2AF;
}

// button
.ant-btn {
  background: $button-normal-background-color;
  border-color: $button-normal-background-color;
  color: $normal-font-color;


}

//单选框
.ant-radio {
  vertical-align: middle;
}

.ant-radio-wrapper {
  & > span:nth-child(2) {
    vertical-align: middle;
  }
}

.ant-radio-wrapper:hover .ant-radio .ant-radio-inner,
.ant-radio:hover .ant-radio-inner,
.ant-radio .ant-radio-inner:hover {
  border-color: $button-normal-background-color;
}

.ant-radio-wrapper .ant-radio .ant-radio-inner,
.ant-radio .ant-radio-inner,
.ant-radio .ant-radio-inner {
  border-color: $button-normal-background-color;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}

.ant-radio-checked .ant-radio-inner:after {
  background-color: #06FFC0;
}

.ant-radio-inner:after {
  width: 13px;
  height: 13px;
  top: 4px;
  left: 4px;
  border-radius: 50%;
}

span.ant-radio + *{
  padding-left: 10px;
  padding-right: 10px;
}

.ant-radio-wrapper >span:nth-child(2) {
  color: #ffffff;
}

.ant-radio-group.ant-radio-group-large {
  margin-top: 3px;
}

// table
.ant-table table {
  border-radius: 0;
}

// calendar
.ant-calendar {
  width: 260px;
}

.ant-calendar-picker-icon:after {
  font-size: 16px;
  color: #fff;
}

//表格
.ant-table {
  border-radius: 0;
  border-top: 1px solid $button-normal-background-color;
  border-right: 1px solid $button-normal-background-color;

  .ant-table-content{

    .ant-table-placeholder{
      background-color: transparent;
      font-family: $regular-font-family;
      font-size: 18px;
      color: #FFFFFF;
      letter-spacing: 1px;
      padding: 9px 8px 10px;
    }
  }
  .ant-table-thead > tr > th,
  .ant-table-tbody > tr > td {
    border-bottom: 1px solid $button-normal-background-color;
    border-right: none;

    &:first-child {
      border-left: 1px solid $button-normal-background-color;
    }
    font-family: $regular-font-family;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 1px;
  }

  .ant-table-thead > tr > th {
    background: rgba(0,252,255,0.35);
  }

  .ant-table-bordered .ant-table-header > table, .ant-table-bordered .ant-table-body > table, .ant-table-bordered .ant-table-fixed-left table, .ant-table-bordered .ant-table-fixed-right table {
    border: none;
  }

  .ant-table-body .ant-table-tbody  tr:hover {
    & , & > td {
      background: transparent;
    }
  }

  .ant-table-thead {
    background-color: $table-thead-bg;
  }
  .ant-table-row .ant-table-row-level-0{
    span.ant-table-row-indent .indent-level-0{
      display:none;
    }
  }

  .ant-table-thead > tr > th, .ant-table-tbody > tr > td {
    padding: 9px 12px 10px;
  }
}

.ant-table-bordered .ant-table-header > table,
.ant-table-bordered .ant-table-body > table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table {
  border:none;
}

.ant-table-bordered.ant-table-empty {
  .ant-table-placeholder {
    border-bottom: solid 1px $form-border-color;
    border-left: solid 1px $form-border-color;
    border-right: none;
  }
}

.ant-spin-nested-loading {
  margin-top: 0;
}

// 树形选择
.ant-select-tree li .ant-select-tree-node-content-wrapper {
  color: #ffffff;
}
.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected,
.ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
  background-color: $select-dropdown-item-hover-color;
}

//menu
.ant-menu-item:active, .ant-menu-submenu-title:active {
  background-color: #00FFDE;
}

.ant-menu-submenu-title:hover {
  background-color: #00FFDE;
}

.ant-menu-submenu-title:visited {
  background-color: #00FFDE;
}

// confirm
.ant-confirm-body {

  .ant-confirm-title,
  .ant-confirm-content{
    color: #ffffff;
  }

  .ant-confirm-title {
    font-size: $confirm-title-font;
  }

  .ant-confirm-content {
    font-size: $confirm-content-font;
  }
}
// upload
.clearfix {
  .ant-upload.ant-upload-select-picture-card {
    border:none;
    border-radius: 0;
    background-color: transparent;
    background: url("../images/dispatch/icon_add.png") no-repeat;
  }

  .anticon-plus:before {
    content: '';
  }

  .ant-upload-text {
    display: none;
  }

  .ant-upload-list-picture .ant-upload-list-item, .ant-upload-list-picture-card .ant-upload-list-item {
    border: solid 1px $form-border-color;
  }

  .ant-upload-list-item.ant-upload-list-item-uploading {
    background-color: transparent;
  }

  .ant-upload-list-picture-card .ant-upload-list-item, .ant-upload-list-picture .ant-upload-list-item {
    border: solid 1px $form-border-color;
  }
  .ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
    color: #ffffff;
  }

}

textarea {
  resize: none;
}
// table filter
.ant-dropdown-menu {
  background-color: $select-dropdown-item-background-color;
  border-radius: 0;

  .ant-dropdown-menu-item {

    span{
      color: #ffffff;
    }
  }

  .ant-dropdown-menu-item:hover,
  .ant-dropdown-menu-submenu-title:hover {
    background-color: $select-dropdown-item-hover-color;
  }

  .ant-dropdown-menu-item:first-child,
  .ant-dropdown-menu-submenu-title:first-child,
  .ant-dropdown-menu-item:first-child > a,
  .ant-dropdown-menu-submenu-title:first-child > a {
    border-radius: 0;
  }

  .ant-dropdown-menu-item-selected,
  .ant-dropdown-menu-submenu-title-selected,
  .ant-dropdown-menu-item-selected > a,
  .ant-dropdown-menu-submenu-title-selected > a {
    background-color: $select-dropdown-item-hover-color;
    color: #ffffff;
  }
}

.ant-table-filter-dropdown {
  background-color: $select-dropdown-item-background-color;
  border-radius: 0;
  color: #ffffff;
  border:solid 1px $form-border-color;

  .ant-table-filter-dropdown-link {
    color: #ffffff;
  }

  .ant-table-filter-dropdown-btns {
    border-top: solid 1px $form-border-color;
  }
}
.anticon-caret-down:before {
  color: #ffffff;
}
.has-error .ant-input-number, .has-error .ant-time-picker-input {
  border-color:#f04134 !important; ;
}


